<!--The content below is only a placeholder and can be replaced.-->
<!--<div style="text-align:center">
  <img width="300" alt="Angular Logo"
       src="">
</div>
<h2>Here are some links to help you start: </h2>
<div style="text-align: center">
  <app-message></app-message>
</div>-->
<!--<app-nav></app-nav>
<div class="container">
  <div class="jumbotron mb-5 mt-5">
    <div class="container">
      <h1>
        {{title}}
      </h1>
      &lt;!&ndash;展示不同的组件&ndash;&gt;
      <router-outlet></router-outlet>
    </div>
  </div>
  <div class="row">

    <div class="col-md-4">
      <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">Nice to meet too you
        !</a>
      </h2>
      <P>afkdjfkadjgkljadsgadsfad</P>
    </div>

    <div class="col-md-4">
      <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">Nice to meet too you
        !</a>
      </h2>
      <P>afkdjfkadjgkljadsglgf</P>
    </div>

    <div class="col-md-4">
      <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">Nice to meet too you
        !</a>
      </h2>
      <P>afkdjfkadjgkljadsglgfasd</P>
    </div>
  </div>
</div>-->
<h1>{{title}}</h1>
<nav>
  <a routerLink="/heroes">Heroes</a>&nbsp;
  <a routerLink="/dashboard">Dashboard</a>
</nav>
<router-outlet></router-outlet>
<app-messages></app-messages>
<!--<app-heros></app-heros>-->
